/* 颜色变量 */
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;
$text-color: #303133;
$text-secondary-color: #606266;
$border-color: #dcdfe6;
$background-color: #f5f7fa;
$white: #fff;
$black: #000;

/* 字体变量 */
$font-size-base: 14px;
$font-size-small: 12px;
$font-size-large: 18px;
$font-family-base:
  'Helvetica Neue', arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

/* 间距变量 */
$padding-base: 16px;
$padding-small: 8px;
$padding-large: 24px;
$margin-base: 16px;
$margin-small: 8px;
$margin-large: 24px;

/* 圆角变量 */
$border-radius-base: 4px;
$border-radius-small: 2px;
$border-radius-large: 8px;

/* 阴影变量 */

/* $box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */

/* 其他变量 */
$transition-base: all 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);

/* 布局变量 */
$layout-header-height: 60px;
$layout-footer-height: 50px;
$layout-sidebar-width: 200px;
$layout-sidebar-collapsed-width: 64px;
$layout-content-padding: 20px;
$layout-header-background: var(--layout-header-background);
$layout-header-text-color: var(--layout-header-text-color);
$layout-main-header-background: var(--layout-main-header-background);
$layout-footer-background: var(--layout-footer-background);
$layout-sidebar-background: var(--layout-sidebar-background);
$layout-sidebar-collapsed-background: var(--layout-sidebar-collapsed-background);
$base-menu-width: 200px;
